<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8></meta>
    <title>最新消息</title>
    <style>
        .date{
            color:Blue;
            font-size:14px;
        }
        .content{
            width:inherit;
            word-break:break-all;
        }
        #detail hr{
            border:1px dashed #000;
        }
    </style>
</head>
<body>
    <header>
        <img src="images/newsTitle.png"/>
    </header>
    <div id="detail">
        <!--複製格式
            <article>
                <p class="date">日期</p>
                <p class="content">內容</p>
            </article>
            <hr/>
        -->
        <!--複製到此行底下-->
        <article>
            <p class="date">2012/05/03</p>
            <p class="content">1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
        </article>
        <hr/>
        <article>
            <p class="date">2012/05/02</p>
            <p class="content">
                <ul>
                    <li>第一行</li>
                    <li>第二行</li>
                    <li>第三行</li>
                    <li>第四行</li>
                    <li>第五行</li>
                </ul>
            </p>
        </article>
        <hr/>
        <article>
            <p class="date">2012/05/01</p>
            <p class="content">Test</p>
        </article>
    </div>
</body>
</html>
